//购物车
{
    jQuery.fx.interval = 10;
    $(".shopcart").mouseenter(function () {
        $(".shopcart-down").slideDown(320).css({ backfaceVisibility: 'visible' })
    })
    $(".shopcart").mouseleave(function () {
        $(".shopcart-down").slideUp(320).css({ backfaceVisibility: 'hidden' })
    })
}
//分类下拉菜单
{
    let index;
    $(".sort li").mouseenter(function () {
        index = $(this).index() - 1;
        if (index === -1 || index === 7 || index === 8) {
            $(".slidedown").css({ display: "none" });
        } else {
            $(".slidedown").css({ display: "block" }).slideDown(1000);
            $(".show").removeClass("show")
            $(".slidedown li").eq(index).addClass("show")
        }
    })
    $(".slidedown").mouseleave(function () {
        $(this).css({ display: "none" }).slideUp(1000);
    })
    $(".undertop").mouseleave(function () {
        $(".slidedown").css({ display: "none" }).slideUp(1000);
    })
}
//搜索栏下拉菜单
{
    $(".so input").click(function () {
        $(this).css({ borderColor: "#ff6700" });
        $(".searpic").css({ borderColor: "#ff6700" });
        $(".search-down").slideDown().css({ backfaceVisibility: 'visible' })
    })
    $(".category").children().not('.so').click(function () {
        $(".so input").css({ borderColor: "#e0e0e0" });
        $(".searpic").css({ borderColor: "#e0e0e0" })
        $(".search-down").slideUp().css({ backfaceVisibility: 'hidden' })
    })
    $("body").children().not('.undertop ').click(function () {
        $(".so input").css({ borderColor: "#e0e0e0" });
        $(".searpic").css({ borderColor: "#e0e0e0" })
        $(".search-down").slideUp().css({ backfaceVisibility: 'hidden' })
    })
    
    let index = 0;
    function change() {
        index++;
        index %= 8;
        let text = $(".search-down li").eq(index).text();
        $(".so input").attr("placeholder", `${text}`);
    }
    setInterval(() => { change() }, 2000);
}
//轮播图
{
    let now = 0, index, z = 10;
    $(".scroll li").click(function () {
        $(".active").removeClass("active");
        $(this).addClass("active");
        index = $(this).index();
        $(".banner .imgActive").removeClass("imgActive");
        $(".banner .imgs img").eq(index).addClass("imgActive").css({ zIndex: z++ });
        judge(z);
        now = index;
    })
    let change = function () {
        now++;
        if (now === -1) {
            now = 5;
        }
        now %= 6;
        $(".active").removeClass("active");
        $(".scroll li").eq(now).addClass("active");
        $(".banner .imgActive").removeClass("imgActive");
        $(".banner .imgs img").eq(now).addClass("imgActive").css({ zIndex: z++ });
        judge(z);
    }
    function judge(z) {
        if (z = 299) {
            $(".banner .imgs img").css({ zIndex: 0 });
            z = 10;
            $(".banner .imgActive").removeClass("imgActive");
            $(".banner .imgs img").eq(now).addClass("imgActive").css({ zIndex: z++ });
        }
    }
    let t = setInterval(change, 3000);
    $(".imgs").mouseenter(() => { clearInterval(t) });
    $(".larrow").mouseenter(() => { clearInterval(t) });
    $(".rarrow").mouseenter(() => { clearInterval(t) });
    $(".larrow").mouseleave(() => { t = setInterval(change, 3000) });
    $(".rarrow").mouseleave(() => { t = setInterval(change, 3000) });
    $(".imgs").mouseleave(() => { t = setInterval(change, 3000) });
    $(".larrow").click(() => {
        now -= 2;
        change();
    })
    $(".rarrow").click(() => { change(); });
}
//轮播图侧边栏
{
    let index, width, num;
    $(".banner-left li").mouseenter(function () {
        $(".leftExtra").css({ display: "block" });
        index = $(this).index();
        $(".activeLi").removeClass("activeLi");
        num = Math.ceil($(".leftExtra li").eq(index).children("a").length / 6);
        width = $(".leftExtra li a").eq(1).outerWidth();
        $(".leftExtra").width(width * num + "px")
        $(".leftExtra li").eq(index).addClass("activeLi");
    })
    $(".leftExtra").mouseleave(function () {
        $(this).css({ display: "none" });
    })
    $(".bannercon").mouseleave(function () {
        $(".leftExtra").css({ display: "none" });
    })

}
//快捷键
{
    $(".shortcut li").first().mouseenter(() => {
        $(".code").css({ display: 'flex' ,visibility: 'visible'});
    })
    $(".shortcut li").first().mouseleave(() => {
        $(".code").css({ display: 'none',visibility: 'hidden' });
    })
    $(".shortcut li").last().click(() => { scrollToTop() });
    function scrollToTop() {
        window.scrollTo({
            top: 0,
            left: 0,
            behavior: 'smooth'
        });
    }
    window.addEventListener('scroll', function () {
        let scrollPosition = window.pageY || document.documentElement.scrollTop;
        if (scrollPosition > 0) {
            $(".shortcut li").last().css({ display: 'block' });

        } else {
            $(".shortcut li").last().css({ display: 'none' });
        }
    });
}
//下方各类商品标签切换
{
    $(".smartwear .more div").mouseenter(function () {
        let len = $(".smartwear .more").children("a").length;
        let index = $(this).parent().index();
        console.log(index);
        $(".smartwear .actCon").removeClass("actCon");
        $(".smartwear .content").eq(len - index - 1).addClass("actCon");
        $(".smartwear .more .actClass").removeClass("actClass");
        $(".smartwear .more").children("a").eq(index).children().addClass("actClass");
    })
    $(".e-appliances .more div").mouseenter(function () {
        let index = $(this).parent().index();
        $(".e-appliances .more .actClass").removeClass("actClass");
        $(".e-appliances .more").children("a").eq(index).children().addClass("actClass");
    })
    $(".houseapps .more div").mouseenter(function () {
        let index = $(this).parent().index();
        $(".houseapps .more .actClass").removeClass("actClass");
        $(".houseapps .more").children("a").eq(index).children().addClass("actClass");
    })
    $(".kapps .more div").mouseenter(function () {
        let index = $(this).parent().index();
        $(".kapps .more .actClass").removeClass("actClass");
        $(".kapps .more").children("a").eq(index).children().addClass("actClass");
    })
    $(".smartfur .more div").mouseenter(function () {
        let index = $(this).parent().index();
        $(".smartfur .more .actClass").removeClass("actClass");
        $(".smartfur .more").children("a").eq(index).children().addClass("actClass");
    })
}